<template>
<view class="icon-menu-item" @tap="handleMenuClick(menuName)">
  <view class="menu-icon">
    <img class="icon" :src="iconUrl" alt="">
  </view>
  <view class="menu-name">
    {{ menuName }}
  </view>
</view>
</template>
<script setup>
import {defineProps, defineEmits} from 'vue'
const props = defineProps({
  iconUrl: '',
  menuName: ''
})

const emits = defineEmits(['handleMenuClickEmit'])
const handleMenuClick = menuName => {
  emits('handleMenuClickEmit', menuName)
}
</script>
<style scoped lang=less>
@import "./style/index";
</style>
